﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="分厂月主要产品产量表.aspx.cs" Inherits="syc.Juece.Report.分厂月主要产品产量表" %>
<html>
<head runat="server">
    <title>分厂月主要产品产量表</title>
</head>
<body>
<script src="../../js/jquery.js" type="text/javascript"></script>
<script src="../../js/highcharts.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="/common.js"></script> 
<script type="text/javascript">

    var chart;
    $(document).ready(function() {
        //准备数据
        //X轴，12个月
        var x = { data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] }
        //Y轴,实际产量
        var y1 = { data: [] };
        $(".sj").each(function() {
        y1.data.push(parseFloat($(this).html()));
    });
    //Y轴计划产量
    var y2 = { data: [] };
    $(".jh").each(function() {
        y2.data.push(parseFloat($(this).html()));
    });
        //alert(y.data);

        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                defaultSeriesType: 'column',
                marginRight: 130,
                marginBottom: 25
            },
            title: {
                text: '延长石油',
                x: -20 //center
            },
            subtitle: {
                text: '分厂月主要产量',
                x: -20
            },
            xAxis: {
                categories: x.data
            },
            yAxis: {
                title: {
                    text: '实际产量 (吨)'
                },
                min: 1,
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
}]
                },
                tooltip: {
                    formatter: function() {
                        return '<b>' +this.series.name+this.x + '月</b><br/>' +
								 this.y + ' 吨';
                    }
                },
                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'top',
                    x: -10,
                    y: 100,
                    borderWidth: 0
                },  

                series: [{
                name: '实际产量',
                    data: y1.data
                }, {
                    name: '计划产量',
                    //data:[6,7,8,9]
                    data: y2.data
                }]
                });


            });
				
		</script>   

<form id="form1" runat="server">
    <div id="wintop" class="wintop">分厂年产品产量分析表</div>
    <asp:Panel ID="Panel1" runat="server" CssClass="panel" GroupingText="查 询"> 
        
        年份:&nbsp;<asp:DropDownList ID="Year0" runat="server">
            <asp:ListItem>2009</asp:ListItem>
            <asp:ListItem>2010</asp:ListItem>
            <asp:ListItem>2011</asp:ListItem>
            <asp:ListItem>2012</asp:ListItem>
            <asp:ListItem>2013</asp:ListItem>
            <asp:ListItem>2014</asp:ListItem>
            <asp:ListItem>2015</asp:ListItem>
            <asp:ListItem>2016</asp:ListItem>
            <asp:ListItem>2017</asp:ListItem>
            <asp:ListItem>2018</asp:ListItem>
            <asp:ListItem>2019</asp:ListItem>
            <asp:ListItem>2020</asp:ListItem>
            </asp:DropDownList>
        材料名称:<asp:DropDownList ID="PinMing" runat="server" onselectedindexchanged="PinMing_SelectedIndexChanged" AutoPostBack="True">
            <asp:ListItem Text="油管(J55)" Value="1"></asp:ListItem>
            <asp:ListItem Text="套管(J55)" Value="2"></asp:ListItem>
            <asp:ListItem Text="油管接箍(J55)" Value="3"></asp:ListItem>
            <asp:ListItem Text="套管接箍(J55)" Value="4"></asp:ListItem>
            <asp:ListItem Text="螺纹保护器" Value="5"></asp:ListItem>
            <asp:ListItem Text="油管(N80)" Value="6"></asp:ListItem>
            <asp:ListItem Text="套管(N80)" Value="7"></asp:ListItem>
            <asp:ListItem Text="油管接箍(N80)" Value="8"></asp:ListItem>
            <asp:ListItem Text="套管接箍(N80)" Value="9"></asp:ListItem>
        </asp:DropDownList>
        
        &nbsp;生产分厂:<asp:DropDownList ID="FenChang" runat="server" 
            DataSourceID="SqlDataSource3" DataTextField="名称" DataValueField="名称" 
            AutoPostBack="True">
        </asp:DropDownList>
        
        <asp:Button ID="Button_Query"
            runat="server" Text="查 询" CssClass="smallbutton" UseSubmitBehavior="true" 
            onclick="Button_Query_Click"  />
        <asp:SqlDataSource ID="SqlDataSource3" runat="server" 
            ConnectionString="<%$ ConnectionStrings:SCMConnectionString1 %>" 
            ></asp:SqlDataSource>
        </asp:Panel>

<div id="tableExcel">       
<h2 style="text-align: center;">
            分厂年产品产量分析表</h2>
        <div align="center"> 
        <table  width="850px">        
        </table>
<div id="container" style="width: 1000px; height: 400px; margin: 0 auto"></div>
<table width="850" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><div align="center"><strong>月份</strong></div></td>
    <td><div align="center"><strong>品名</strong></div></td>
    <td><div align="center"><strong>钢级</strong></div></td>
    <td><div align="center"><strong>单位</strong></div></td>
    <td><div align="center"><strong>本月计划量（吨）</strong></div></td>
    <td><div align="center"><strong>本月实际量（吨）</strong></div></td>
    <td><div align="center"><strong>本月完成率（%）</strong></div></td>
  </tr>
  <tr>
    <td><div align="center">1</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[0]%></div></td>
    <td><div align="center" class="sj"><%=实际量[0] %></div></td>
    <td><div align="center"><%=(完成率[0]*100).ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">2</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[1]%></div></td>
    <td><div align="center" class="sj"><%=实际量[1] %></div></td>
    <td><div align="center"><%=(完成率[1] * 100).ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">3</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[2]%></div></td>
    <td><div align="center" class="sj"><%=实际量[2] %></div></td>
    <td><div align="center"><%=(完成率[2] * 100).ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">4</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[3]%></div></td>
    <td><div align="center" class="sj"><%=实际量[3] %></div></td>
    <td><div align="center"><%=(完成率[3] * 100).ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">5</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[4]%></div></td>
    <td><div align="center" class="sj"><%=实际量[4] %></div></td>
    <td><div align="center"><%=(完成率[4] * 100).ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">6</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[5]%></div></td>
    <td><div align="center" class="sj"><%=实际量[5] %></div></td>
    <td><div align="center"><%=(完成率[5] * 100).ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">7</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[6]%></div></td>
    <td><div align="center" class="sj"><%=实际量[6] %></div></td>
    <td><div align="center"><%=(完成率[6] * 100).ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">8</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[7]%></div></td>
    <td><div align="center" class="sj"><%=实际量[7] %></div></td>
    <td><div align="center"><%=(完成率[7] * 100).ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">9</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[8]%></div></td>
    <td><div align="center" class="sj"><%=实际量[8] %></div></td>
    <td><div align="center"><%=(完成率[8] * 100).ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">10</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[9]%></div></td>
    <td><div align="center" class="sj"><%=实际量[9] %></div></td>
    <td><div align="center"><%=(完成率[9] * 100).ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">11</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[10]%></div></td>
    <td><div align="center" class="sj"><%=实际量[10] %></div></td>
    <td><div align="center"><%=(完成率[10] * 100).ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">12</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[11]%></div></td>
    <td><div align="center" class="sj"><%=实际量[11] %></div></td>
    <td><div align="center"><%=(完成率[11] * 100).ToString("0.000")%></div></td>
  </tr>  
</table>
        </div>    
    </div>
    </form>
    <script type="text/javascript">
        parent.hidesubmenu(true);
    </script>
</body>
</html>
